<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=, initial-scale=1.0">
    <title>Document</title>
    <style>
        * {
            padding: 0;
            margin: 0;
        }

        body {
            background-color: #f1f3f5;
        }

        .work1 {
            width: 1400px;
            height: 64px;
            margin: 10px auto;

        }

        img {
            width: 100%;
        }

        .box1 {
            width: 360px;
            height: 450px;
            background-color: #ffffff;
            margin-top: 40px;
            margin-left: 40px;
            display: inline-block;
        }

        .box2 {
            width: 360px;
            height: 450px;
            background-color: #ffffff;
            margin-top: 40px;
            margin-left: 40px;
            display: inline-block;
        }

        .preview {
            font-size: 14px;
            height: 20px;
            padding: 0 120px;
            margin: 10px 0;
        }

        .appraise {
            height: 60px;
            font-size: 14px;
            color: #7f7f7f;
            padding: 0 50px;
        }

        .info {
            height: 30px;
            padding: 0 130px;

        }

        .info h4 {
            font-size: 20px;
            font-weight: 400;

        }

        .info span {
            font-size: 15px;
            color: #b5b5b5;
            text-decoration: line-through;
        }
    </style>

</head>

<body>
    <div class="work1">
        <img src="image1/标签.webp" alt="">
    </div>
    <div class="box1">
        <img src="image1/1-3.webp" alt="">
        <p class="preview">nova13</p>
        <div class="appraise">前置6000万超广角人像|AI修图</div>
        <div class="info">
            <h4>￥2649</h4>
            <span>￥2699
            </span>
        </div>

    </div>
    <div class="box2">
        <img src="image1/1-2.webp" alt="">
        <p class="preview">HUAWEI_MATE_X5</p>
        <div class="appraise">
            超轻薄四曲折叠|超高清高分辨率临镜双屏
        </div>
        <div class="info">
            <h4>￥11499起</h4>
        </div>
    </div>

</body>

</html>